<!doctype html>
<html lang="zh">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>阿呆的个人博客</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" type="text/css" href="../../static/blog/css/index.css" media="all" />
        {% block cssBlock %}{% endblock %}
	</head>

	<body class="home blog custom-background round-avatars">
		<div class="Yarn_Background" style="background-image: url( ../../static/blog/images/47fb3c_.jpg);"></div>
		<div class="navi" data-aos="fade-down">
			<div class="bt-nav">
				<div class="line line1"></div>
				<div class="line line2"></div>
				<div class="line line3"></div>
			</div>
			<div class="navbar animated fadeInRight">
				<div class="inner">
					<nav id="site-navigation" class="main-navigation">
						<div id="main-menu" class="main-menu-container">
							<div class="menu-menu-container">
								<ul id="primary-menu" class="menu">
									<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-17">
										<a href="{% url "myblog:blog_index" %}">首页</a>
									</li>
                                    <li id="menu-item-252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-252">
										<a href="{% url 'myblog:blog_category' %}">分类</a>
									</li>
									<li id="menu-item-252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-252">
										<a href="{% url 'archives:get_archives' %}">归档</a>
									</li>
									<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57">
										<a href="{% url "myblog:blog_gustbook" %}">留言</a>
									</li>
								</ul>
							</div>
						</div>
					</nav>
					<!-- #site-navigation -->
				</div>
			</div>
		</div>
{#		<div class="hebin" data-aos="fade-down">#}
{#			<i class=" js-toggle-search iconfont">&#xe60e;</i>#}
{#		</div>#}
		<header id="masthead" class="overlay animated from-bottom" itemprop="brand">
			<div class="site-branding text-center">
				<a href="{% url "myblog:blog_index" %}">
					<figure>
						<img class="custom-logo avatar" src="../../static/blog/images/omikron.png" />
					</figure>
				</a>
				<h3 class="blog-description"><p>Just do it</p></h3>
			</div>
			<!-- .site-branding -->
			<div class="decor-part">
				<div id="particles-js"></div>
			</div>
			<div class="animation-header">
				<div class="decor-wrapper">
					<svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
						<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
						<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
						<path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
						<path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
						<path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
						<path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
						<path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
						<path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
					</svg>
				</div>
			</div>
		</header>
		<div id="main" class="content">
        {% block contentBlock %}
			<div class="container">
				<article itemscope="itemscope">
					<div class="posts-list js-posts">
                        {% load pagination_tags %}
                        {% autopaginate article_image_list 5 %}
                        {% for article,image_url in article_image_list %}
                            {% if not forloop.counter|divisibleby:2 %}
                            <div class="post post-layout-list" data-aos="fade-up">
                                <div class="status_list_item icon_kyubo">
                                    <div class="status_user" style="background-image: url(../..{% if image_url %}{{ image_url }}{% else %}/static/blog/images/b0ce3f3cde0c084b6d42321b2dcbc407.jpeg{% endif %});">
                                        <div class="status_section">
                                            <a href="{% url "myblog:blog_detail" cid=article.id %}" class="status_btn">{{ article.title }}</a>
                                            <p class="section_p">{{ article.digest }}</p>
                                        </div>
                                    </div>
                                </div>
						    </div>
                            {% else %}
                                <div class="post post-layout-list" data-aos="fade-up">
							<div class="postnormal review ">
								<div class="post-container review-item">
									<div class="row review-item-wrapper">
										<div class="col-sm-3">
											<a rel="nofollow" href="{% url "myblog:blog_detail" cid=article.id %}">
												<div class="review-item-img" style="background-image: url(../..{% if image_url %}{{ image_url }}{% else %}/static/blog/images/b0ce3f3cde0c084b6d42321b2dcbc407.jpeg{% endif %});"></div>
											</a>
										</div>
										<div class="col-sm-9 flex-xs-middle">
											<div class="review-item-title">
												<a href="{% url "myblog:blog_detail" cid=article.id %}" rel="bookmark">{{ article.title }}</a>
											</div>
											<div class="review-item-creator"><b>发布日期：</b>{{ article.pub_date }}</div>
										</div>
									</div>
									<div class="review-bg-wrapper">
										<div class="bg-blur" style="background-image: url(../../static/blog/images/diego-ph-249471-2-800x1000.jpg);"></div>
									</div>
								</div>
								<div class="post-container">
									<div class="entry-content">{{ article.digest }}</div>
									<div class="post-footer">
										<a class="gaz-btn primary" href="{% url "myblog:blog_detail" cid=article.id %}">READ MORE</a>
									</div>
								</div>
							</div>
						</div>
                            {% endif %}
                        {% endfor %}
                        {% paginate %}
					</div>
					<!-- -pagination  -->
                </article>
			</div>
        {% endblock %}
		</div>
        {% block PheaderBlock %}
        {% endblock %}

		<footer id="footer" class="overlay animated from-top">
			<div class="decor-wrapper">
				<svg id="footer-decor" class="decor top" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
					<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
					<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
					<path class="medium left" d="M0 0 L50 50 L0 66.6" fill="rgba(255,255,255, .3)"></path>
					<path class="medium right" d="M100 0 L50 50 L100 66.6" fill="rgba(255,255,255, .3)"></path>
					<path class="small left" d="M0 0 L50 50 L0 33.3" fill="rgba(255,255,255, .5)"></path>
					<path class="small right" d="M100 0 L50 50 L100 33.3" fill="rgba(255,255,255, .5)"></path>
					<path d="M0 0 L50 50 L100 0 L0 0" fill="rgba(255,255,255, 1)"></path>
					<path d="M48 48 L50 51 L52 48 L48 48" fill="rgba(255,255,255, 1)"></path>
				</svg>
			</div>
			<div class="socialize" data-aos="zoom-in">
{#                <div class="bshare-custom icon-medium-plus"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>#}
				<li>
					<a title="weibo" class="socialicon" href=""><i class="iconfont" aria-hidden="true">&#xe601;</i></a>
				</li>
				<li class="wechat">
					<a class="socialicon"><i class="iconfont">&#xe609;</i></a>
					<div class="wechatimg"><img src="../../static/blog/images/weixin.jpg"></div>
				</li>
				<li>
					<a title="QQ" class="socialicon" href="" target="_blank"><i class="iconfont" aria-hidden="true">&#xe616;</i></a>
				</li>
			</div>
			<div class="cr">
				Copyright&copy;2018. Design by
				<a href="">17sucai</a>
			</div>

            {% block script1Block %}
            {% endblock %}
			<script type='text/javascript' src='../../static/blog/js/jquery.min.js'></script>
			<script type='text/javascript' src='../../static/blog/js/plugins.js'></script>
			<script type='text/javascript' src='../../static/blog/js/script.js'></script>
			<script type='text/javascript' src='../../static/blog/js/particles.js'></script>
			<script type='text/javascript' src='../../static/blog/js/aos.js'></script>
            {% block script2Block %}
            {% endblock %}
        </footer>
	</body>

</html>

